@mixin dingwei() {
	/* 定义flex容器 */
	display: flex;
	/*设置容器内部容器的排列方向*/
	flex-direction: row;
}

@mixin danhang1() {
	/* 单行...*/
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

@mixin shuanghang2() {
	/* 两行...*/
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

page {
	background-color: #F6F6F6;
}

.content {
	padding: 20rpx 20rpx 0rpx 20rpx;
}

.added {
	width: 702rpx;
	/* height: 305rpx; */
	background: #FFFFFF;
	box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.14);
	border-radius: 10rpx;


	/* position: fixed;
	    top: 112rpx;
	    width: 100%;
	    z-index: 99; */

	.addtext {
		padding: 26rpx 20rpx 20rpx 20rpx;
		border-bottom: 1px solid #EEEEEE;
		@include dingwei;

		.adtname {
			width: 600rpx;
			height: 29rpx;
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #666666;
		}

		.adqk {
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #666666;
		}
	}

	.pleasechoose {
		padding: 26rpx;
		text-align: center;
		font-size: 26rpx;
		font-weight: 500;
		color: #999999;
	}

	.brands {
		padding: 0rpx 20rpx 20rpx 20rpx;

		.brandxlpz {
			border-bottom: 1px solid #EEEEEE;
			@include dingwei;

			.braname {
				font-size: 26rpx;
				font-weight: 500;
				color: #666666;
				padding: 20rpx 0;
				@include danhang1;
			}

			.barimg {
				padding: 24rpx 0rpx 0rpx 0rpx;

				image {
					width: 30rpx;
					height: 30rpx;
				}
			}
		}

		.lookxq {
			display: flex;
			align-items: center;
			justify-content: center;
			height: 40rpx;
			margin-top: 10rpx;
			@include dingwei;

			.gengd {
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #666666;
				@include dingwei;

				/* 查看更多 */
				.lookxqimg {
					image {
						margin-left: 16rpx;
						width: 22rpx;
						height: 12rpx;
					}
				}

				/* 点击隐藏 */
				.lookxqimggo {

					image {
						margin-left: 16rpx;
						width: 22rpx;
						height: 12rpx;
						transform: rotate(-180deg);
					}
				}

			}
		}
	}

}

.abcd {
	padding: 20rpx 0rpx;
}

.Brandcss {
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.14);
	border-radius: 10rpx;
	padding: 0 20rpx;
	margin-bottom: 10rpx;
}

.list-cell {
	box-sizing: border-box;
	width: 100%;
	padding: 10rpx 0px 0px 0px;
	overflow: hidden;
	color: #323233;
	font-size: 14px;
	line-height: 24px;
	background-color: #fff;
  
  & + .list-cell {
    border-top: 1px solid #EEEEEE;
  }
  
  .brandcss {
  	@include dingwei;
    padding: 12rpx 20rpx 12rpx 0;
  }
  
  .xilie {
  	border-bottom: 1px solid #EEEEEE;
  }
  
  .cartycss {
    padding: 14rpx 0;
  	@include dingwei;
  }
}

.peizhibox {

	.peizhicss {
		width: 642rpx;
		padding: 0 22rpx;
    margin-bottom: 20rpx;
		background: #F6F6F6;
		border-radius: 10rpx;
    
    .peizhi {
      padding: 15rpx 0;
    }
	}
}



.branname {
  flex: 1;
	line-height: 80rpx;
	margin-left: 20rpx;
	font-size: 30rpx;
	font-weight: 500;
	color: rgba(102, 102, 102, 1);
	@include danhang1;
}

.xiliename {
	text-align: left;
	font-size: 30rpx;
	font-weight: 500;
	color: rgba(102, 102, 102, 1);
	line-height: 80rpx;
	margin-left: 85rpx;
	width: 520rpx;
	@include danhang1;
}

/* 折叠-下展部分 */
.ppxilie-box {
  transition: all .3s;
}
/* 折叠 */
.ppjiantou {
  transform: rotate(0deg);
}

/* 下展*/
.ppjiantougo {
  transform: rotate(90deg);
}

.weiyouchey {
	text-align: center;
	font-size: 28rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: rgba(153, 153, 153, 1);
	line-height: 100rpx;
	width: 100%;
}

.iconimg {
  width: 66rpx;
  height: 66rpx;
	/* margin-top: -66rpx;
	position: absolute; */

	image {
		width: 100%;
    height: 100%;
		// height: 66rpx;
	}
}

.collapse-item {
	color: red;
	padding-bottom: 10px;
}



.scroller {
	height: 100vh;
}

.boxsds {
	margin-top: 20rpx;
}

.floor {
	position: fixed;
	top: 300rpx;
	right: 10rpx;
}

.terminal {
	padding: 22rpx 0rpx 0rpx 0rpx;

	.terswi1 {
		width: 702rpx;
		height: 90rpx;
		background: #FFFFFF;
		box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.14);
		border-radius: 10rpx;
		padding: 0rpx 20rpx;
		@include dingwei;

		.title {
			width: 620rpx;
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #343434;
			line-height: 88rpx;
		}

		.xuanze {
			margin-top: 20rpx;
		}
	}
}

.btncss {
	width: 750rpx;
	height: 139rpx;
	background: #FFFFFF;
	box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.1);
	margin-left: -20rpx;
	position: fixed;
	bottom: 0;

	.btnboxs {
		@include dingwei;
		margin-left: 24rpx;
		margin-top: 26rpx;
		text-align: center;
		line-height: 88rpx;

		.cancel {
			width: 351rpx;
			height: 88rpx;
			background: #333333;
			border-radius: 44rpx 0px 0px 44rpx;

			font-size: 32rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #FFE23E;
		}

		.determine {
			width: 351rpx;
			height: 88rpx;
			background: linear-gradient(-90deg, #FBD220, #FFE23E);
			border-radius: 0px 44rpx 44rpx 0px;

			font-size: 32rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
		}
	}

}
